@charset "utf-8";

/* CSS Document */

/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior: url(../images/pie.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/

/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/

/*--默认--*/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,
strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend { margin: 0; padding: 0; }

html { _background-image: url(about:blank); _background-attachment: fixed; }

body { line-height: 120%; min-height: 100px; font-family: "微软雅黑", Arial; font-size: 12px; max-width: 1920px; margin: 0 auto; color: #333; }

ol,ul,li { list-style: none outside none; padding: 0; }

a { text-decoration: none; color: #333; }

img { border: none; vertical-align: middle; }

table { border-collapse: collapse; }

tr,td,th { padding: 0;	margin: 0; }

h1,h2,h3,h4,h5,h6 {	font-weight: normal; margin: 0;	padding: 0; }

i,b,strong { font-style: normal; font-weight: normal; }

input,textarea,select {	border: 1px solid #ccc;	font-family: "微软雅黑", Arial;	outline: none; border: none; background: none; padding: 0; }

input::-ms-clear { display: none; }

input::-ms-reveal {	display: none; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #707070; opacity: 1; }

input:-moz-placeholder,textarea:-moz-placeholder { color: #707070; opacity: 1; }

input::-moz-placeholder,textarea::-moz-placeholder { color: #707070; opacity: 1; }

input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #707070; opacity: 1; }

textarea { resize: none; }

a:focus { outline: none; }

a:hover { color: #1cccba; }

.tran_scale { overflow: hidden !important; display: block; transform: rotate(0deg);	-webkit-transform: rotate(0deg);}

.tran_scale img { transition: all 0.8s;	-webkit-transition: all 0.8s; -moz-transition: all 0.8s; transform: scale(1, 1); -webkit-transform: scale(1, 1); display: block; }

@font-face {
	font-family: 'futuramedium';
	src: url('../fonts/futura-medium-webfont.eot');
	src: url('fonts/futura-medium-webfont.eot') format('embedded-opentype'), url('../../fonts/futura-medium-webfont.woff2') format('woff2'), url('fonts/futura-medium-webfont.woff') format('woff'), url('../fonts/futura-medium-webfont.ttf') format('truetype'), url('../fonts/futura-medium-webfont.svg#futuramedium') format('svg');
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 12, 2017 */

/*clear 页头，页脚，内容区都不用再加清除样式 */

.fixed:before,.clearfix:before,.cf:before,body:before,.header:before,.main:before,.footer:before { content: '';	display: table; }

.fixed:after,.clearfix:after,.cf:after,.header:after,.main:after,.footer:after { content: ''; display: table; clear: both; }

.fixed,.clearfix,.cf,.header,.main,.footer { *zoom: 1; }

.fr { float: right; }

.fl { float: left; }

.ellipsis {	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.wrapBG{ width: 100%; height: 75px; }

/*rightNav 右侧菜单*/
#side1{ display: none; }
.rightNav { 
	position: fixed; 
	/*right: 28px; */
	left: 28px;
	top: 50%;	
	height: 520px; 
	margin-top: -175px; 
	z-index: 1001; 
}

.rightNav li { 
	background: #fff; 
	position: relative;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	line-height: 56px;
	width: 56px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: 56px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 10px;
	behavior: url(../images/pie.htc);
}

.rightNav li .s1,.rightNav li img,.rightNav li a {
	display: block;
	width: 100%;
	height: 100%;
}

.rightNav li a {
	position: relative;
}

.rightNav li .s1 {
	-webkit-filter: alphha(opacity=100);
	filter: alphha(opacity=100);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.rightNav li .s2 {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	line-height: 1.3;
	font-size: 14px;
	opacity: 0;
	-webkit-filter: alphha(opacity=0);
	filter: alphha(opacity=0);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;
	color: #fff;
	position: relative;
}

.rightNav li .s3 {
	display: block;
	opacity: 0;
	-webkit-filter: alphha(opacity=0);
	filter: alphha(opacity=0);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	height: 100%;
	visibility: hidden;
}

.rightNav li:hover .s3 {
	opacity: 1;
	-webkit-filter: alphha(opacity=100);
	filter: alphha(opacity=100);
	visibility: visible;
}

.rightNav li:hover .s2 {
	opacity: 1;
	-webkit-filter: alphha(opacity=100);
	filter: alphha(opacity=100);
	visibility: visible;
}

.rightNav li:hover .s1 {
	opacity: 0;
	-webkit-filter: alphha(opacity=0);
	filter: alphha(opacity=0);
	visibility: hidden;
}

.rightNav li:hover {
	background: #1cccba;
}

.goto {
	display: none;
}

/*header*/
.header {
	position: relative;
	z-index: 999;
}

.header .headerTop {
	background: #1ccbba;
	line-height: 38px;
	/*overflow: hidden;*/
	text-align: right;
	position: relative;
	z-index: 10;
	color: #fff;	
	position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.header .headerTop .headerTopNav{
	max-width: 1200px;
	margin: 0 auto; 
}

.header .headerTop a {
	padding: 0 14px;
	color: #fff;
	font-size: 14px;
	
}

.gzhewm{
	position:relative;
	
}
.gzhewm img{
	position:absolute;
	    top: 28px;
    width: 124px;
    height: 124px;
	left:-20px;
	z-index:99;
	display:none;
}
/*.gzhewm:hover img{
	display:block;
}*/
.gzhewm .none{	
	display:block;
}
/*PC导航*/
.header .headerNav {
	height: 75px; 
	border-bottom: 1px solid #f0f0f0;
	background: #fff;
	position: fixed;
    width: 100%;
    /*top: 38px;*/
    left: 0;
    right: 0;	
}
.header .headerNav .headerNavWrap{
	max-width: 1200px;
	margin: 0 auto;
	min-height: 10px;
	overflow: hidden;
}

.headerNavWrap .headerLogo{
	width: 128px;
	height: 36px;
	padding-top: 19px;
}
 
.headerNavWrap .headerLogo>a,.headerNavWrap .headerLogo img {
	display: block;
	height: 100%;
}

.headerNavWrap .headerNavList{ 
	padding-top: 19px;
}

.headerNavWrap .headerNavList li {
	float: left;
	position: relative;
	line-height: 36px; 
	margin-left: 15px;
	text-align: center;
	padding: 0 10px; 
}

.headerNavWrap .headerNavList li a{
	color: #333;
	font-size: 16px;
	width: 100%;
    height: 100%;
    display: block;
}

.headerNavWrap .headerNavList li:hover{
	border-bottom: 3px solid #13bbaa;
}

.headerNavWrap .headerNavList li:hover a{
	color: #13bbaa;
}

.headerNavWrap .headerNavList .hover{	
	border-bottom: 3px solid #13bbaa;
}

.headerNavWrap .headerNavList .hover a{
	color: #13bbaa;
}

.headerMoNav{
	display: none;
	min-height: 10px;
	overflow: hidden;
	background: #1ccbba;
	border-bottom: 1px solid #f0f0f0; 
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.headerMoNavWrap{
	padding: 0 2%;
	margin: 0 auto;
	
	height: 60px; 
}

.headerMoNavWrap .headerMoLogo{
	width: 128px;
	height: 36px;
	padding-top: 12px;  
}
 
.headerMoNavWrap .headerMoLogo>a,.headerMoNavWrap .headerMoLogo img {
	display: block;
	height: 100%;
}

.headerMoNavWrap .headerMoMenu{
	position: relative;
	height: 60px; 
	width: 100px;
}

.headerMoSubMenu{
	width: 96%;
	background: #fff;
	min-height: 10px;
	overflow: auto;
	padding: 0 2%;
	display: none;
}

.headerMoSubMenu .headerMosubMenuList{
	width: 100%;
	padding: 10px 0;
}

.headerMoSubMenu .headerMosubMenuList li{
	width: 25%;
	line-height: 40px;
	text-align: center;
	float: left;
}

.headerMoSubMenu .headerMosubMenuList li a{
	color: #333;
	font-size: 14px;
}

.headerMosubNav{
	line-height: 40px;
	background: #d4d4d4;
	font-size: 14px;	
	text-align: center; 
}

.headerMosubNav a{
	display: inline-block;
	width: 15%;
	color: #333;
}

.headerMosubNav .en{
	width: 40%;
}

.headerMoBlckTop{
	color: #999;
	font-size: 14px;
	line-height: 50px;
	text-align: center; 
}

.menu_h {
	display: block;
	background: none;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	border: none;
	width: 35px;
	height: 30px;
	padding: 0;
	outline: none;
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 2000;
}

.menu_h::before,.menu_h::after,.menu_h span {
	background: #fff;
	border-radius: 2px;
}

.menu_h::before,.menu_h::after {
	content: '';
	position: absolute;
	height: 4px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
}

.menu_h span {
	position: absolute;
	width: 100%;
	height: 4px;
	top: 50%;
	left: 0;
	overflow: hidden;
	text-indent: 200%;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.menu_h::before {
	-webkit-transform: translate3d(0, -12px, 0);
	transform: translate3d(0, -12px, 0);
}

.menu_h::after {
	-webkit-transform: translate3d(0, 12px, 0);
	transform: translate3d(0, 12px, 0);
}

.menu-open .menu_h span {
	opacity: 0;
}
.menu-open .menu_h::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.menu-open .menu_h::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

/*footer*/
.footer{ width: 100%; margin: 0 auto; background: #18211e; }

.footNav{ max-width: 1200px; margin: 0 auto; text-align: center; min-height: 10px; overflow: hidden; padding: 15px 0; display: none; }

.footNav a{ width: 20%; display: block; float: left; color: #cdcdcd; font-size: 16px; }

.footMain{ max-width: 1200px; margin: 0 auto; padding: 25px 0; min-height: 10px; overflow: hidden; }

.footMainLogo { width: 30%; float: left; margin: 0 auto; text-align: center; }

.footMainLogo img { width: 200px; display: block; margin: 0 auto; text-align: center; }

.footMainHotlineNav {margin-right: 15%; float: right;display: flex; }

.footMainHotlineNav .footsubnav{ width: 100%; min-height: 10px; overflow: hidden; margin-top: 10px; margin-bottom: 25px; }

.footMainHotlineNav .footsubnav a{ color: #cdcdcd; font-size: 16px; margin-right: 25px; }

.footMainHotlineNav .footsubHotline{ min-height: 10px; overflow: hidden;display: flex;flex-direction: column;width: 180px; }

.footMainHotlineNav .footsubHotline p{ color: #cdcdcd; display: inline-block; float: left; font-size: 14px; line-height: 26px; margin-right: 20px; }

.footerBottom{ width: 100%; color: #666; padding: 3px 0; background: #0d1311; margin: 0 auto; }

.footerBottom p{ font-size: 12px; line-height: 22px; text-align: center; }

@media (min-width: 842px) and (max-width: 1199px) {
	/*顶部导航logo*/
	.headerNavWrap .headerLogo{ padding-left: 2%; }
}

@media (min-width: 690px) and (max-width: 841px)  {
	/*顶部导航*/
	.headerNavWrap .headerNavList li { margin-left: 10px; padding: 0 8px;  }
	.headerNavWrap .headerNavList li a{ font-size: 14px; }
}
@media (min-width: 320px) and (max-width: 689px)  {
	/*顶部导航*/
	.headerNavWrap .headerNavList li { margin-left: 5px; padding: 0 5px; }
	.headerNavWrap .headerNavList li a{ font-size: 12px; }	
}

@media (min-width: 320px) and (max-width: 768px)  {
	/*顶部导航底下部分*/
	.wrapBG{ height: 60px; }
	
	/*顶部导航*/
	.headerTop,.headerNav{ display: none; }
	.headerMoNav{ display: block; }
	/*右侧导航*/
	.rightNav{ display: none; }
	
	 /*尾部*/
	.footNav{ display: block; }
	.footsubnav{ display: none; }
	.footerBottom{ width: 96%; padding: 3px 2%; }
}

@media (min-width: 414px) and (max-width: 767px) {
	/*尾部*/
	.footNav{ padding: 15px 2%; }
	.footNav a{ font-size: 14px; }
	.footMain{ padding: 15px 2%; }
	.footMainLogo{margin-left: 20%-}
	.footMainLogo img{margin-left: 43%;width: 119%;}
    .footMainHotlineNav .footsubHotline p{ font-size: 14px; line-height: 18px; }
    .footerBottom{ width: 96%; padding: 3px 2%; }
    .footMainHotlineNav .footsubHotline{margin-right: -70px;}
    #side{display: none;}
}

@media (min-width: 375px) and (max-width: 413px) {
	/*尾部*/
	.footNav{ padding: 15px 2%; }
	.footNav a{ font-size: 14px; }
	.footMain{ padding: 15px 2%; }
	.footMainLogo{margin-left: 20%-}
	.footMainLogo img{margin-left: 43%;width: 119%;}
    .footMainHotlineNav .footsubHotline p{ font-size: 14px; line-height: 18px; }
    .footerBottom{ width: 96%; padding: 3px 2%; }
    .footMainHotlineNav .footsubHotline{margin-right: -70px;}
    #side{display: none;}
}

@media (min-width: 360px) and (max-width: 374px) {
	/*尾部*/
	.footNav{ padding: 15px 2%; }
	.footNav a{ font-size: 14px; }
	.footMain{ padding: 15px 2%; }
	.footMainLogo{margin-left: 20%-}
	.footMainLogo img{margin-left: 43%;width: 119%;}
    .footMainHotlineNav .footsubHotline p{ font-size: 14px; line-height: 18px; }
    .footerBottom{ width: 96%; padding: 3px 2%; }
    .footMainHotlineNav .footsubHotline{margin-right: -70px;}
    #side{display: none;}
}
@media (min-width: 320px) and (max-width: 359px) {
	/*尾部*/
	.footNav{ padding: 15px 2%; }
	.footNav a{ font-size: 14px; }
	.footMain{ padding: 15px 2%; }
	.footMainLogo{margin-left: 20%-}
	.footMainLogo img{margin-left: 43%;width: 119%;}
    .footMainHotlineNav .footsubHotline p{ font-size: 14px; line-height: 18px; }
    .footerBottom{ width: 96%; padding: 3px 2%; }
    .footMainHotlineNav .footsubHotline{margin-right: -70px;}
    #side{display: none;}
}

@media (min-width: 320px) and (max-width: 364px) {
	/*头部*/
	.headerMosubNav { font-size: 12px; }
}

#LRfloater0{
    top: 40% !important;	
}

#LRfloater0 img{
	width: 40px;
}
#mid{ display: none; }

@media (min-width: 320px) and (max-width: 772px) {
#side1{ display: block; position: fixed;
    right: -112px;
    top: 50%;
    height: 520px;
    margin-top: -175px;
    z-index: 1001;}
#side1li .s1, #side1 li a{
	display: block;
    width: 100%;
    height: 100%;
}
#side1 li img{ 
width: 42%;
    height: 42%;
     }

.swt_middle{ display: none; z-index:-9999;}
	}
	
.adcontainer{
    position: fixed;
    top: 240px; /* 距离页面顶部200px */
    right: 0;   /* 右侧对齐 */
    width: 24px; /* 广告宽度 */
    height: 130px; /* 广告高度 */
    background-color: red; /* 背景颜色 */
    border: 1px solid #ddd; /* 边框 */
    box-shadow: 0px 0px 5px #ccc; /* 阴影效果 */
    text-align: center;
    padding-top: 10px;
    
  }
 .adcontainer img{ width:20px; height:20px;}
 .adcontainer a{ color:#fff;}
}